import React from 'react';

const InfoIcon = ({ width, height, fill, style = {} }) => (
  <svg
    width={width}
    height={height}
    viewBox="0 0 21 22"
    fill={fill}
    style={style}
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M11.322 7.208a.948.948 0 1 0-1.897 0 .948.948 0 0 0 1.897 0Zm-.948 9.242a.71.71 0 0 0 .71-.711V10.05a.711.711 0 0 0-1.421 0v5.688c0 .392.318.71.71.71Z"
      fill="#677E88"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10.428.81h-.108c-2.19 0-3.904 0-5.242.18-1.37.184-2.45.568-3.298 1.416C.93 3.254.548 4.335.364 5.705c-.18 1.337-.18 3.052-.18 5.24v.109c0 2.188 0 3.903.18 5.242.184 1.369.568 2.45 1.416 3.297.848.849 1.929 1.233 3.299 1.417 1.337.18 3.052.18 5.24.18h.109c2.188 0 3.903 0 5.242-.18 1.368-.184 2.45-.57 3.298-1.417.848-.848 1.232-1.928 1.416-3.298.18-1.338.18-3.053.18-5.241v-.108c0-2.19 0-3.904-.18-5.242-.184-1.37-.57-2.45-1.416-3.298-.849-.849-1.93-1.232-3.3-1.416-1.337-.18-3.051-.18-5.24-.18ZM2.786 3.412c.54-.54 1.27-.85 2.482-1.014 1.233-.165 2.852-.167 5.106-.167s3.873.002 5.105.167c1.213.163 1.943.474 2.484 1.014.54.54.85 1.27 1.012 2.482.165 1.232.167 2.852.167 5.106s-.002 3.873-.167 5.105c-.163 1.212-.474 1.943-1.013 2.484-.54.54-1.27.849-2.483 1.012-1.232.165-2.851.167-5.105.167-2.254 0-3.873-.002-5.106-.167-1.212-.163-1.943-.474-2.483-1.013-.54-.54-.85-1.27-1.013-2.483-.165-1.232-.167-2.851-.167-5.105 0-2.254.002-3.874.167-5.106.163-1.212.474-1.942 1.014-2.482Z"
      fill="#677E88"
    />
  </svg>
);

export default InfoIcon;
